<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Management Console</title>
</head>

<body style="background:#000; font-family:Arial, Helvetica, sans-serif; font-size:14px;">
<div style="width:960px; text-align:center; position:relative;background-image:url(img/fondo.jpg);
background-repeat:no-repeat;">
<h1 style="color:#CCC; text-align:center">Users Management Console</h1>
<div style="margin-top:20px; text-align:center; color:#CCC; width:960px; float:left; margin-left:200px">

<form method="post" action="searchUser.do" name="sform" style= "width=50px; float:left; text-align:center">
   <label style="color:#FFF; width:65px; margin-bottom:0px; font-family:Arial, Helvetica, sans-serif;" for="mail">Search User</label>
<input style="border:1px solid #ccc; color:#333; width:130px; height:15px; margin-bottom:15px; margin-top:0px" type="text" name="search" id="search" />

<input type="submit" value="Search">
</form>
</div>
<div style="text-align:center; color:#090; margin-top:30px; width:960px; float:left">
<center><table style="border-style:solid; border-color:#CCC; border-collapse:collapse; border-spacing:0px; text-align:center>
<tr style="border-style:solid; border-color:#CCC; border-collapse:collapse;border-spacing:0px;  text-align:center;">
<td style="border-style:solid; border-color:#CCC; border-collapse:collapse; border-spacing:0px;font-weight:bold; width:100px;font-size:16px">Name</td>
<td style="border-style:solid; border-color:#CCC; border-collapse:collapse; border-spacing:0px;font-weight:bold; width:100px; font-size:16px">Company</td>
<td style="border-style:solid; border-color:#CCC; border-collapse:collapse;width:100px; font-weight:bold;border-spacing:0px;font-size:16px">Job Title</td>
<td style="border-style:solid; border-color:#CCC; border-collapse:collapse;width:100px;font-weight:bold; border-spacing:0px; font-size:16px">E-mail</td>
<td style="border-style:solid; border-color:#CCC; border-collapse:collapse; width:100px;font-weight:bold;border-spacing:0px;font-size:16px">Actions</td>
</tr>
#foreach( $user in $users )
<tr style="border-style:solid; border-color:#CCC; border-collapse:collapse;border-spacing:0px; text-align:center; font-weight:bold">
<td style="border-style:solid; border-color:#CCC; border-collapse:collapse; border-spacing:0px; width:100px;font-size:12px"> $!user.name</td>
<td style="border-style:solid; border-color:#CCC; border-collapse:collapse; border-spacing:0px; width:100px; font-size:12px"> $!user.company</td>
<td style="border-style:solid; border-color:#CCC; border-collapse:collapse;width:100px; border-spacing:0px;font-size:12px">$!user.jobTitle </td>
<td style="border-style:solid; border-color:#CCC; border-collapse:collapse;width:100px; border-spacing:0px; font-size:12px"> $!user.email </td>
<td style="border-style:solid; border-color:#CCC; border-collapse:collapse; width:100px;border-spacing:0px;font-size:12px"><form method="post" action="deleteUser.do" name="dform" style= "width=50px; ">
<input type="submit" value="Delete user">
</form>
<form method="post" action="editUser.do" name="eform" style= "width=50px;">
<input type="submit" value="Edit User">
<input type="hidden" name="user_email" value=$user.email>
</form></td>
</tr>
#end

</table>

</center>
</div>
<div style= "text-align:center; width=960px; margin-top: 20px; margin-left:220px; float:left">
<form method="post" action="createUser.do" name="cform" style= "width=50px;float:left">
<tr><td><font face="verdana,arial" size=-1>&nbsp;</td><td><font face="verdana,arial" size=-1><input type="submit" value="Create new user"></td></tr>
<tr><td colspan=2><font face="verdana,arial" size=-1>&nbsp;</td></tr>
</form>

</div>
</div>

<script type="text/javascript" src="confirmationPopUp.js"></script>
</body>
</html>

